<template>
  <div class="con">
    <div class="contbox6_10">
      <p class="titlelist6_10 titlser">APP管理<span style="color: #999;">&nbsp;&nbsp;/&nbsp;&nbsp;</span
              > 首页配置</p>
      <div class="content">
        <el-tabs v-model="activeName" @tab-click="handleClick" type="card" style="margin-top:30px">
          <el-tab-pane label="功能列表" name="first">
            <Function />
          </el-tab-pane>
          <!-- <el-tab-pane label="公告列表" name="second">
            <Notice />
          </el-tab-pane> -->
        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script>
// 功能类表
import Function from "./components/function";
// 公告
import Notice from "./components/notice";
export default {
  components: {
    Function,
    Notice,
  },
  data() {
    return  {
        activeName:"first"
    };
  },
};
</script>

<style scoped>
.content{
    padding: 0 20px;
}
</style>